<template>
	<view>
	  <view v-for="(item,index) in 11" :key="index">
	  	<view class="item">
			<view class="flex-row-flex-start">
				<image class="icon" src="/static/index/1.png" mode=""></image>
				<view class="title">
					系统消息
				</view>
			</view>
	  		<view class="line" style="margin: 30rpx 0;">
	  			
	  		</view>
			<view class="title1">
				系统消息内容
			</view>
			<view class="time">
				2022-12-20   10:00
			</view>
	  	</view>
	  </view>
			<tabbar index="3"></tabbar>
	</view>
</template>

<script>
	import {
		mapActions,
		mapState
	} from "vuex";
	import {
		forum_list,
	} from '@/api/index.js'
	export default {
		components: {},
		computed: {

		},
		data() {
			return {
				list:[],
				title:"供应商版",
				backgroundColor:'ffffff00',
				list:[],
				data:{}

			}
		},
		computed: {
			...mapState([
				'baseColor'
			]),
		},
		onPageScroll(e) {
			if (e.scrollTop > 20) {
				this.backgroundColor = "#AED0FC"
			} else {
				this.backgroundColor = "#ffffff00"
			}
		},
		onShow() {
	
		},
		onLoad(e) {
			// this.loadData()
		},
		//下拉刷新
		onPullDownRefresh() {


		},
		//加载更多
		onReachBottom() {

		},
		onPageScroll(e) {
			// if (e.scrollTop > 20) {
			// 	this.backgroundColor = "#FBF9FF"
			// } else {
			// 	this.backgroundColor = "#ffffff00"
			// }
		},
		methods: {
			loadData () {
			
				var data = {
				id:this.id
				}
				forum_list(data).then(res => {
					this.list=res.data.data
				})
			},
			
		
		}
	}
</script>

<style lang="scss">
.item{
	margin: 30rpx;
	padding: 40rpx 0;
	background: #FFFFFF;
	box-shadow: 0rpx 6rpx 10rpx 0rpx rgba(0,0,0,0.02);
	border-radius: 12rpx;
}
.icon{
	margin-left: 43rpx;
	margin-right: 20rpx;
	width: 36rpx;
	height: 36rpx;
}
.title{
	font-weight: 600;
	font-size: 28rpx;
	color: #071228;
}
.title1{
	margin-left: 43rpx;
	font-weight: 600;
	font-size: 28rpx;
	color: #666666;
}
.time{
	margin-left: 43rpx;
	margin-top: 20rpx;
	font-weight: 400;
	font-size: 20rpx;
	color: #ADAFBC;
}
</style>